export default {
    nodeActivedOutterStyle: { lineWidth: 0 },
    groupSelectedOutterStyle: { stroke: '#E0F0FF', lineWidth: 2 },
    nodeSelectedOutterStyle: { stroke: '#E0F0FF', lineWidth: 2 },
    edgeActivedStyle: { stroke: '#1890FF', strokeOpacity: .92 },
    nodeActivedStyle: { fill: '#F3F9FF', stroke: '#1890FF' },
    groupActivedStyle: { stroke: '#1890FF' },
    edgeSelectedStyle: { lineWidth: 2, strokeOpacity: .92, stroke: '#A3B1BF' },
    nodeSelectedStyle: { fill: '#F3F9FF', stroke: '#1890FF', fillOpacity: .4 },
    groupSelectedStyle: { stroke: '#1890FF', fillOpacity: .92 },
    nodeStyle: {
        stroke: '#CED4D9',
        fill: '#FFFFFF',
        shadowOffsetX: 0,
        shadowOffsetY: 4,
        shadowBlur: 10,
        shadowColor: 'rgba(13, 26, 38, 0.08)',
        lineWidth: 1,
        radius: 4,
        strokeOpacity: .7,
        cursor: 'move',
    },
    edgeStyle: { stroke: '#A3B1BF', strokeOpacity: .92, lineWidth: 1, lineAppendWidth: 8, endArrow: true},
    groupBackgroundPadding: [40, 10, 10, 10],
    groupLabelOffsetX: 10,
    groupLabelOffsetY: 10,
    edgeLabelStyle: { fill: '#666', textAlign: 'center', textBaseline: 'middle' },
    edgeLabelRectPadding: 4,
    edgeLabelRectStyle: { fill: 'white' },
    nodeLabelStyle: { fill: '#666', textAlign: 'center', textBaseline: 'middle' },
    groupStyle: { stroke: '#CED4D9', radius: 4 },
    groupLabelStyle: { fill: '#666', textAlign: 'left', textBaseline: 'top' },
    multiSelectRectStyle: { fill: '#1890FF', fillOpacity: .08, stroke: '#1890FF', opacity: .1 },
    dragNodeHoverToGroupStyle: { stroke: '#1890FF', lineWidth: 2 },
    dragNodeLeaveFromGroupStyle: { stroke: '#BAE7FF', lineWidth: 2 },
    anchorPointStyle: { radius: 3.5, fill: '#fff', stroke: '#1890FF', lineAppendWidth: 12 },
    anchorHotsoptStyle: { radius: 12, fill: '#1890FF', fillOpacity: .25 },
    anchorHotsoptActivedStyle: { radius: 14 },
    anchorPointHoverStyle: { radius: 4.5, fill: '#1890FF', fillOpacity: 1, stroke: '#1890FF' },
    nodeControlPointStyle: { radius: 4, fill: '#fff', shadowBlur: 4, shadowColor: '#666' },
    edgeControlPointStyle: { radius: 6, symbol: 'square', lineAppendWidth: 6, fillOpacity: 0, strokeOpacity: 0 },
    nodeSelectedBoxStyle: { stroke: '#C2C2C2' },
    cursor: {
        panningCanvas: '-webkit-grabbing',
        beforePanCanvas: '-webkit-grab',
        hoverNode: 'move',
        hoverEffectiveAnchor: 'crosshair',
        hoverEdge: 'default',
        hoverGroup: 'move',
        hoverUnEffectiveAnchor: 'default',
        hoverEdgeControllPoint: 'crosshair',
        multiSelect: 'crosshair',
    },
    nodeDelegationStyle: {
        stroke: '#1890FF',
        fill: '#1890FF',
        fillOpacity: .08,
        lineDash: [4, 4],
        radius: 4,
        lineWidth: 1,
    },
    nodeDelegationErrorStyle: {
        stroke: '#ff5c4b',
        fill: '#ff5c4b',
        fillOpacity: .08,
        lineDash: [4, 4],
        radius: 4,
        lineWidth: 1,
    },
    edgeDelegationStyle: { stroke: '#1890FF', lineDash: [4, 4], lineWidth: 1 },
};